<template>
  <div>
    <page-tool :is-show="true">
      <span slot="left">本月：社保在缴 公积金在缴 增员 减员 入职 离职</span>
      <el-row slot="right">
        <el-button size="small" type="danger">历史归档</el-button>
        <el-button size="small" type="primary">202212报表</el-button>
      </el-row>
    </page-tool>
    <select-options :checked-arr="checkedArr" />
    <employee-social-list :checked-arr="checkedArr" />
  </div>
</template>

<script>
import selectOptions from './components/selectOptions'
import employeeSocialList from './components/employee-socialList'
export default {
  name: 'Social',
  components: {
    selectOptions,
    employeeSocialList
  },
  data() {
    return {
      checkedArr: {
        departmentChecks: [], // 部门列表
        socialSecurityChecks: [], // 社保列表
        providentFundChecks: [] // 公积金列表
      }
    }
  }
}
</script>

<style>

</style>
